.container{
	margin-top: 3rem;
	min-height: 70rem;
}

.course-box{
	width: 33.33%;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	padding-bottom: 2.5rem;
}
.course{
	width: 300px;
	height: 350px;
    border: 1px solid #e0dfdf;
    border-radius: 3px;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.05);
    box-shadow: 0 1px 3px rgba(0,0,0,.05);
    background: #f8f8f8;
}

.course:hover{
    box-shadow:0 2px 10px #e5e3e3;
}
.course .conver{
	position: relative;
    display: inline-block;
    transition: all 0.2s ease;
    -moz-transition: all .2s ease;
	-webkit-transition: all .2s ease;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: bottom;
    height: 250px;
    width: 300px;
    color: #FFF;
}

.course .conver:HOVER{
	background-size: 104% 104%;
	color: rgb(255,211,8);
}
.course .gradient{
	/* background: linear-gradient(rgba(0,0,0,0), rgba(62,62,66,0.5));
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index: 2; */
}

.course .course_info{
	z-index: 2;
    position: relative;
    height: 250px;
}

.course .course_info .title{
	position: absolute;
	bottom: 5rem;
	font-size: 2.2rem;
	font-weight: bold;
	padding: 1rem;
}

.course_feature .title{
	font-size: 1.8rem;
}
.free-span{
	color: #fff;
    background-color: #5eb95e;
    border-color: #5eb95e;
    padding: 0.2rem 0.6rem;
    border-radius: 6px;
}
}
.course .course_time{
	position: absolute;
	bottom: 2rem;
	font-size: 1.4rem;
	font-weight: bold;
	padding: 1rem;
}
.course .course_class{
	position: absolute;
	bottom: 0rem;
	font-size: 1.4rem;
	font-weight: bold;
	padding: 1rem;
}

.course .price{
	font-weight: bold;
	font-size: 1.4rem;
}
.course .price span{
	font-size: 2rem;
	color: #d44242;
}

.course_feature{
	color: #6e6e7e;
	padding: 5px 14px;
	font-size: 1.4rem;
}
@media (max-width: 520px){
	.course-box,.course{
		width: 100%;
	}
	.course .conver{
		width: 100%;
		max-height: 250px;
	}
}